<!DOCTYPE html>
<html>
<head>
    @include("/include/_header.html", {'title':'告警记录'}){}
    <script src="${ctxPath}/guidesys/RoadGate/js/echarts.min.js"></script>
    <style>
        .floatleft{
            float:left;
        }
        .floatclear::after{
            content:"";
            display:block;
            clear:both;
        }
        .statEchart{
            margin-top: 3%;
            margin-left: 2%;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">查询</div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="test-table-reload-btn" style="margin-bottom: 1vh;">
                            错误类型：
                            <div class="layui-inline">
                                <input class="layui-input"  name="faultType" id="faultType" >

                            </div>



                            发生时间：
                            <div class="layui-inline">
                                <input class="layui-input"  name="happenStartDateStr" id="happenStartDateStr" autocomplete="off" placeholder="YYYY-MM-DD">
                            </div>
                            到：
                            <div class="layui-inline">
                                <input class="layui-input"  name="happenEndDateStr" id="happenEndDateStr"  autocomplete="off" placeholder="YYYY-MM-DD">
                            </div>


                            <div class="layui-row" style="margin-top: 1vh">
                                <div class="layui-col-md2 layui-col-md-offset10">
                                    <button id="btnSearch" class="layui-btn">搜索</button>
                                    <button id="btnReset" class="layui-btn">重置</button>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="floatclear" >
                        <div class="floatleft" style="width: 60%">
                            <table class="layui-hide floatleft" id="alarm-info" lay-filter="alarm-info" style="width: 60%"></table>
                        </div>
                        <div  class="floatleft statEchart" id="statEchart" style="width:35%;height:300px;">
                        </div>


                    </div>





                </div>
            </div>
        </div>
    </div>
    <script src="${ctxPath}/C24012/js/fault/faultRecord.js"></script>

</body>
</html>

